.person{
    height: 32px;
    line-height: 32px;
    color: rgba(0,0,0,0.65);
    border: 1px solid rgba(0, 0, 0, 0.25);
    font-size: 14px;
    padding: 0 12px;
    border-radius: 2px;
    background: #fff;
    &:hover{
        color: #FFA22D;
        border: 1px solid #FFA22D;
    }
    &:active{
        color: #FFA22D;
        border: 1px solid #FFA22D;
    }
    &.personSm{
        color: rgba(0, 0, 0, 0.87);
        border: none;
        background: transparent;
        border-radius: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.25);
        text-align: left;
        text-indent: 8px;
        :hover{
            color: #FFA22D;
        }
        .realName{
            background: transparent !important;
        }
    }
    &.personLg{
        height: 40px;
        line-height: 40px;
        color: rgba(255, 162, 45, 1);
        border-color: rgba(255, 162, 45, 1);
        font-size: 18px;
    }
}
.realName{
    cursor: pointer;
}
.departmentName{
    display: inline-block;
    max-width: 9em;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.personName{
    display: inline-block;
    max-width: 9em;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
:global{
    .personDivDisabled{
        color: rgba(0, 0, 0, .25);
        &:hover{
            color: rgba(0, 0, 0, 0.25);
            border-color: rgba(0, 0, 0, 0.25);
        }
        >div{
            cursor: default;
        }
    }
}
